<!DOCTYPE html>
<meta charset="utf-8">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@jasondavies">
<meta property="og:title" content="Map Projection Transitions">
<meta property="og:description" content="Smoothly animated map projections.">
<meta property="og:image" content="https://www.jasondavies.com/maps/transition/full.png">
<title>Map Projection Transitions</title>
<style>
@import url(./maps.css);
#map { cursor: move; }
</style>

<h1>Map Projection Transitions</h1>

<div id="map"></div>

<p><select id="projection-menu"></select>
<button id="pause">Pause</button>

<div class="wrapper">
  <p class="copyright">Copyright &copy; <a href="https://www.jasondavies.com/">Jason Davies</a>.
  Based on Mike’s <a href="http://bl.ocks.org/3711652">Projection Transitions</a>.
</div>

<script src="app.min.js"></script>
